<template>
  <div>
    <h1 v-changeColor>局部自定义指令</h1>
    <br />
    <h1 v-updateColor>全局自定义指令</h1>
  </div>
</template>

<script>
export default {
  name:'App',
  // 局部自定义属性
  // 对普通Dom进行底层操作
  directives:{
    // 参数1为：该Dom元素 <h1>局部自定义指令</h1>
    changeColor(ele){
      ele.style.backgroundColor='pink'
    }
  }
};
</script>

<style>
</style>